<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jstl/core_rt" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<c:set var="path" value="${pageContext.request.contextPath }" />
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<!-- 视口标签 -->
<meta name="viewport"
	content="width=device-width, initial-scale=1, user-scalable=no" />
<!-- 删除苹果默认的工具栏和菜单栏 -->
<meta name="apple-mobile-web-app-capable" content="yes" />
<!-- 设置苹果工具栏颜色 -->
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<!-- 忽略页面中的数字识别为电话，忽略email识别 -->
<meta name="format-detection" content="telphone=no, email=no" />
<!-- 启用360浏览器的极速模式(webkit) -->
<meta name="renderer" content="webkit">
<!-- 避免IE使用兼容模式 -->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!-- 针对手持设备优化，主要是针对一些老的不识别viewport的浏览器，比如黑莓 -->
<meta name="HandheldFriendly" content="true">
<!-- 微软的老式浏览器 -->
<meta name="MobileOptimized" content="320">
<!-- uc强制竖屏 -->
<meta name="screen-orientation" content="portrait">
<!-- QQ强制竖屏 -->
<meta name="x5-orientation" content="portrait">
<!-- UC应用模式 -->
<meta name="browsermode" content="application">
<!-- QQ应用模式 -->
<meta name="x5-page-mode" content="app">
<!-- windows phone 点击无高光 -->
<meta name="msapplication-tap-highlight" content="no">
<!-- 适应移动端end -->
<link rel="stylesheet" type="text/css"
	href="${path }/resource/css/base.css" />
<link rel="stylesheet" type="text/css"
	href="${path }/resource/css/index.css" />
<script type="text/javascript"
	src="${path }/resource/js/plugin/jquery-2.1.4.min.js"></script>
<script type="text/javascript"
	src="${path }/resource/js/plugin/TouchSlide.1.1.js"></script>
<title>购物优惠券</title>
</head>
<body>
	<div class="wrap">
		<section class="yhj_content">
             <div class="yhj_left">
                 <p>￥${coupon.disCouponRule.couponRuleCut}</p>
                 <p>满${coupon.disCouponRule.couponRuleFull}元可用</p>
             </div> 
             <div class="yhj_right">
                <div class="yhj_right_top">
                 <span>购物优惠劵</span>
                </div> 
                 <p>
					有效期：
					<fmt:formatDate pattern='yyyy-MM-dd'
						value='${coupon.disCouponRule.couponRuleStart}' />
				</p>
				<p>
					&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;至：
					<fmt:formatDate pattern='yyyy-MM-dd'
						value='${coupon.disCouponRule.couponRuleEnd}' />
				</p>
				<p style="font-weight: 600;font-size: x-large;">优惠码 ${coupon.couponCode}</p>
             </div> 
          </section>
	</div>

	<script type="text/javascript"
		src="${path }/resource/js/systools/MTools.js"></script>
	<script type="text/javascript"
		src="${path }/resource/js/systools/AjaxProxy.js"></script>
	<script type="text/javascript"
		src="${path }/resource/plugin/layer/layer.js"></script>
	<script type="text/javascript"
		src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
	<script type="text/javascript">
		var img = "http://ashley.zkingsoft.com/resource/images/share.png";

		var hideMenuList = [ "menuItem:share:timeline", "menuItem:share:qq",
				"menuItem:share:weiboApp", "menuItem:favorite",
				"menuItem:share:facebook", "menuItem:share:QZone",
				"menuItem:originPage", "menuItem:readMode",
				"menuItem:openWithQQBrowser", "menuItem:openWithSafari",
				"menuItem:share:email", "menuItem:share:brand" ];

		if ('isShare' == 'false' || '${coupon.couponState}' != '1') {
			hideMenuList.push("menuItem:share:appMessage");
		}

		wx.config({
			debug : false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
			appId : '${appId}', // 必填，公众号的唯一标识
			timestamp : '${timestamp}', // 必填，生成签名的时间戳
			nonceStr : '${noncestr}', // 必填，生成签名的随机串
			signature : '${signature}',// 必填，签名，见附录1
			jsApiList : [ 'onMenuShareTimeline', 'onMenuShareAppMessage',
					'onMenuShareQQ', 'onMenuShareQZone', 'hideMenuItems' ]
		// 必填，需要使用的JS接口列表，所有JS接口列表见附录2
		});
		wx.ready(function() {
					wx.hideMenuItems({
						// 要隐藏的菜单项，只能隐藏“传播类”和“保护类”按钮，所有menu项见附录3
						menuList : hideMenuList
					});
					wx.onMenuShareAppMessage({
								title : 'Ashley家居购物优惠券',
								desc : 'Ashley家居购物优惠券\r\n满${coupon.disCouponRule.couponRuleFull}减${coupon.disCouponRule.couponRuleCut}',
								link : '${shareUrl}',
								imgUrl : img,
								trigger : function(res) {
									// 不要尝试在trigger中使用ajax异步请求修改本次分享的内容，因为客户端分享操作是一个同步操作，这时候使用ajax的回包会还没有返回
									// 			        alert('用户点击发送给朋友');
								},
								success : function(res) {
									$.ajax({
										type : 'POST',
										url : '${path}/app/users/shareSucess',
										data : {couponId : '${coupon.couponId}'},
										dataType : 'json',
										success : function(res) {
											window.location.replace('${path}/' + res.page);
										}
									})
								},
								cancel : function(res) {
									
								},
								fail : function(res) {
									alert(JSON.stringify(res));
								}
							});
				});

// 		function shareAppMessage() {
// 			WeixinJSBridge.invoke(
// 							'sendAppMessage',
// 							{
// 								"appid" : '${appId}',
// 								"img_url" : img,
// 								"link" : '${shareUrl}',
// 								"desc" : 'Ashley家居购物优惠券\r\n满${coupon.disCouponRule.couponRuleFull}减${coupon.disCouponRule.couponRuleCut}',
// 								"title" : 'Ashley家居购物优惠券', // 注意这里要分享出去的内容是desc  
// 								"img_width" : "120",
// 								"img_height" : "120"
// 							}, function(resp) {
// 								switch (resp.err_msg) {
// 								// share_timeline:cancel 用户取消  
// 								case 'share_timeline:cancel':
// 									callbacks.cancel && callbacks.cancel(resp);
// 									break;
// 								// share_timeline:fail　发送失败  
// 								case 'share_timeline:fail':
// 									callbacks.fail && callbacks.fail(resp);
// 									break;
// 								// share_timeline:confirm 发送成功  
// 								case 'share_timeline:confirm':
// 								case 'share_timeline:ok':
// 									callbacks.confirm
// 											&& callbacks.confirm(resp);
// 									break;
// 								}
// 								// 无论成功失败都会执行的回调  
// 								//                       callbacks.all && callbacks.all(resp);  
// 								console.log('1123');
// 							});
// 		};
	</script>
</body>
</html>